﻿<!DOCTYPE html>
<html lang="zxx">
<head> 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Organic store</title>
<!-- main css -->
<link rel="stylesheet" href="assets/css/main.css">
<!-- main css -->
</head>
<body>
<!-- Navigation -->
<div class="top-bg">
  <div class="container">
    <div class="row">
      <div class="col-lg-5 col-md-12 top-div top1">
        <ul>
          <li><a href="mailto:info.organicstore@gmail.com"><i class="fa fa-envelope"></i> &nbsp;info.organicstore@gmail.com</a></li>
          <li>|</li>
          <li><i class="fa fa-phone" aria-hidden="true"></i> +12 345 6789</li>
        </ul>
      </div>
      <div class="col-lg-7 col-md-6 col-md-12 position-relative">
        <div class="right-div">
          <ul>
            <li>
              <ul class="social-network">
                <li><a href="#" class="icoRss" title=""><i class="fa fa-rss"></i></a></li>
                <li><a href="#" class="icoFacebook" title=""><i class="fa fa-facebook"></i></a></li>
                <li><a href="#" class="icoTwitter" title=""><i class="fa fa-twitter"></i></a></li>
                <li><a href="#" class="icoGoogle" title=""><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#" class="icoLinkedin" title=""><i class="fa fa-linkedin"></i></a></li>
              </ul>
            </li>
            <li>
              <ul class="top-ul">
                <li>
                  <div class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"><img src="assets/images/flag.jpg" alt="" title=""> English <i class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu flag-css dropdown-menu-right"> <a href="#">English</a> <a href="#"><span class="flag-icon flag-icon-fr"> </span>French</a> <a href="#"><span class="flag-icon flag-icon-it"> </span>Italian</a> <a href="#"><span class="flag-icon flag-icon-ru"> </span>Russian</a> </div>
                  </div>
                </li>
                <li>
                  <div class="dropdown"> <a class="dropdown-toggle currency" href="" data-toggle="dropdown"> <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown-menu drop1 dropdown-menu-right">
                      <li class="dropdown-item"><a href="#"> US Dollar</a></li>
                      <li class="dropdown-item"><a href="#"> British Pound</a></li>
                    </ul>
                  </div>
                </li>
              </ul>
            </li>
            <li>
              <div class="rate-price rate-price2">
                <ul>
                  <li class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"> <i class="fa fa-user-circle-o" aria-hidden="true"></i></a>
                    <div class="dropdown-menu dropdown-menu-right animate slideIn"> <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
                  </li>
                  <li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="circle-2">1</span></a></li>
                  <li class="dropdown"> <a class="dropdown-toggle link" href="" data-toggle="dropdown"><i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="circle-2">1</span></a>
                    <div class="dropdown-menu dropdown-menu2 dropdown-menu-right  animate slideIn">
                      <div class="container">
                        <div class="row">
                          <div class="col-3"><img src="assets/images/fruits/img-1.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img src="assets/images/fruits/img-2.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img src="assets/images/fruits/img-3.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img src="assets/images/fruits/img-4.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3">
                            <p class="font-15">Tax </p>
                          </div>
                          <div class="col-9 text-right"> <span class="font-15">$ 2.80</span> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3">
                            <p class="font-15"><strong>Total</strong></p>
                          </div>
                          <div class="col-9 text-right"> <span class="font-15"><strong>$ 10.80</strong></span> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-md-12 text-center">
                            <input type="button" value="Check out" class="btn check-out w-100">
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="clearfix"></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-white">
  <div class="container"> <a class="navbar-brand" href="index#"> <img src="assets/images/logo.png" alt="" title="" class="img-fluid"> </a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav">
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>
          <div class="dropdown-menu dropdown-menu-right animate slideIn" aria-labelledby="Dropdown1"> <a class="dropdown-item" href="index#">Home</a> <a class="dropdown-item" href="#">Home v2</a> <a class="dropdown-item" href="#">Home v3</a> <a class="dropdown-item" href="#">left Side Menu</a> <a class="dropdown-item" href="#">Mega Menu</a> </div>
        </li>
        <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> SHOP </a>
          <div class="dropdown-menu megamenu animate slideIn">
            <div class="row">
              <div class="col-sm-6 col-lg-4">
                <h5>With sidebar</h5>
                <a class="dropdown-item" href="#">Shop Grid</a> <a class="dropdown-item" href="#">Shop 3 columns</a> <a class="dropdown-item" href="#">Shop 4 columns</a> <a class="dropdown-item" href="#">Shop 5 columns</a> <a class="dropdown-item" href="#">Shop 6 columns</a> </div>
              <div class="col-sm-6 col-lg-4">
                <h5>Without sidebar</h5>
                <a class="dropdown-item" href="shop-w-o-sidebar#">Shop Grid</a> <a class="dropdown-item" href="#">Shop 3 columns</a> <a class="dropdown-item" href="#">Shop 4 columns</a> <a class="dropdown-item" href="#">Shop 5 columns</a> <a class="dropdown-item" href="#">Shop 6 columns</a> </div>
              <div class="col-sm-6 col-lg-4">
                <h5>Shop</h5>
                <a class="dropdown-item"  href="#">Shop Top filter</a> <a class="dropdown-item" href="#">Product Detail</a> <a class="dropdown-item" href="single_product-2#">Product Detail V2</a> </div>
              <div class="clearfix"></div>
              <div class="col-md-12">
                <hr>
              </div>
              <div class="col-md-6"><img src="assets/images/page-img/menu-img.jpg" alt="" title="" class="img-fluid"></div>
              <div class="col-md-6"><img src="assets/images/page-img/menu2-img.jpg" alt="" title="" class="img-fluid"></div>
            </div>
          </div>
        </li>
        <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Category </a>
          <div class="dropdown-menu megamenu animate slideIn" aria-labelledby="navbarDropdownBlog">
            <div class="row">
              <div class="col-sm-6 col-lg-3">
                <h5>Dried Fruits</h5>
                <a class="dropdown-item" href="#">Almond</a> <a class="dropdown-item" href="#">Apricot</a> <a class="dropdown-item" href="#">Arrowroot</a> <a class="dropdown-item" href="#">Cantaloupe </a> <a class="dropdown-item" href="#">Cashew</a> </div>
              <div class="col-sm-6 col-lg-3">
                <h5>Fruits</h5>
                <a class="dropdown-item" href="#">Apples</a> <a class="dropdown-item" href="#">Apricots</a> <a class="dropdown-item" href="#">Bananas</a> <a class="dropdown-item" href="#">Cantaloupe</a> <a class="dropdown-item" href="#">Cherry</a> </div>
              <div class="col-sm-6 col-lg-3">
                <h5>Juice</h5>
                <a class="dropdown-item" href="#">Sugarcane </a> <a class="dropdown-item" href="#">Wheatgrass</a> <a class="dropdown-item" href="#">Arrowroot</a> <a class="dropdown-item" href="#">Grapefruit</a> <a class="dropdown-item" href="#">Otai</a> </div>
              <div class="col-sm-6 col-lg-3">
                <p><img src="assets/images/page-img/menu3-img.jpg" alt="" title="" class="img-fluid"></p>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </li>
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>
          <div class="dropdown-menu dropdown-menu-right animate slideIn" aria-labelledby="Dropdown3">
            <h5>Blog Pages</h5>
            <a class="dropdown-item" href="blog-left-sidebar#">Blog Left Sidebar</a> <a class="dropdown-item" href="blog-right-sidebar#">Blog Right Sidebar</a> <a class="dropdown-item" href="blog-w-o-sidebar#">Blog Without Sidebar</a> <a class="dropdown-item" href="blog-details#">Blog Details</a> </div>
        </li>
        <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a>
          <div class="dropdown-menu megamenu animate slideIn">
            <div class="row">
              <div class="col-sm-6 col-lg-4">
                <h5>My Account</h5>
                <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
              <div class="col-sm-6 col-lg-4">
                <h5>Page Link</h5>
                <a class="dropdown-item" href="cart#">Cart</a> <a class="dropdown-item" href="cart-2#">Cart v2</a> <a class="dropdown-item" href="gift-card#">Gift Card</a> <a class="dropdown-item" href="#">Wishlist</a> <a class="dropdown-item" href="checkout#">Checkout</a> <a class="dropdown-item" href="contact#">Contact</a> <a class="dropdown-item" href="404#">404 Error</a> <a class="dropdown-item" href="comingsoon#">Coming soon</a> </div>
              <div class="col-sm-6 col-lg-4">

                <a class="dropdown-item" href="about-us#">About Us</a> <a class="dropdown-item" href="terms-conditions#">Terms Conditions</a> <a class="dropdown-item" href="faq#">FAQ</a> </div>
            </div>
          </div>
        </li>
      </ul>
      <div class="rate-price nav-1">
        <ul>
          <li class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"> <i class="fa fa-user-circle-o" aria-hidden="true"></i></a>
            <div class="dropdown-menu dropdown-menu-right animate slideIn"> <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
          </li>
          <li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="circle-2">1</span></a></li>
          <li class="dropdown"> <a class="dropdown-toggle link" href="" data-toggle="dropdown"><i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="circle-2">1</span></a>
            <div class="dropdown-menu dropdown-menu2 dropdown-menu-right animate slideIn">
              <div class="container">
                <div class="row">
                  <div class="col-md-3"><img src="assets/images/fruits/img-1.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3"><img src="assets/images/fruits/img-2.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3"><img src="assets/images/fruits/img-3.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3"><img src="assets/images/fruits/img-4.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3">
                    <p class="font-15">Tax </p>
                  </div>
                  <div class="col-md-9 text-right"> <span class="font-15">$ 2.80</span> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3">
                    <p class="font-15"><strong>Total</strong></p>
                  </div>
                  <div class="col-md-9 text-right"> <span class="font-15"><strong>$ 10.80</strong></span> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-12 text-center">
                    <input type="button" value="Check out" class="btn check-out w-100">
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
  <div class="clearfix"></div>
</nav>
<!-- Navigation -->
<div class="container search-div">
  <div class="row">
    <div class="col-lg-4 col-md-4 top-dropdown">
      <div class="all-cate custom-select2">
        <select>
          <option> All Categories </option>
          <option>Fresh Fruits</option>
          <option>Fruit & Nut Gifts</option>
          <option>Ocean Foods</option>
          <option> Butter & Eggs </option>
          <option> Fastfood</option>
          <option>Fresh Onion </option>
          <option>Papaya </option>
          <option> Fresh BananasCrisps</option>
          <option>Oatmeal</option>
        </select>
      </div>
    </div>
    <div class="col-lg-8">
      <div class="input-group filter-by">
        <input type="hidden" name="search_param" value="all" id="search_param">
        <input type="text" class="form-control" name="x" placeholder="What do you need?">
        <span class="input-group-btn">
        <button class="btn btn-default search-bt" type="button">SEARCH</button>
        </span> </div>
    </div>
  </div>
</div>
<!-- Navigation -->
<div class="container">
  <nav aria-label="breadcrumb" class="bread-boder">
    <div class="row">
      <div class="col-lg-8 col-md-6">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="index#"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
          <li class="breadcrumb-item">Shop</li>
        </ol>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="row">
          <div class="col-md-6">
            <div class="custom-select2">
              <select>
                <option>Default Sorting</option>
                <option value="A-Z">A to Z</option>
                <option value="Z-A">Z to A</option>
                <option value="High to low price">High to low price</option>
                <option value="Low to high price">Low to high</option>
              </select>
            </div>
          </div>
          <div class="col-md-6">
            <div class="custom-select2">
              <select>
                <option value="A-Z">Show 10</option>
                <option value="Z-A">Show 20</option>
                <option value="High to low price">Show 30</option>
              </select>
            </div>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
  </nav>
  <div class="row">
    <div class="col-lg-12 col-md-12">
      <div class="row">
        <div class="col-12">
          <div class="right-heading">
            <div class="row">
              <div class="col-md-4">
                <h3>Shop Grid</h3>
              </div>
              <div class="col-md-8">
                <div class="product-filter">
                  <div class="view-method"> <a href="" id="grid"><i class="fa fa-th-large"></i></a> <a href="" id="list"><i class="fa fa-list"></i></a> </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clearfix"></div>
          <div id="products" class="row view-group">
            <div class="item col-lg-4 col-md-4  mb-4">
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-1.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Green Apple</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-1"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-2.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">kiwi</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="sale-flag-side"> <span class="sale-text">Sale</span> </div>
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-3.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Orange</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-3"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-4.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Acai Berry</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-4"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-5.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Maracuja</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-4"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="sale-flag-side"> <span class="sale-text">Sale</span> </div>
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-6.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Cucumber</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-6"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-7.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Mushrooms</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-7"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="sale-flag-side"> <span class="sale-text">Sale</span> </div>
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-8.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Khaki</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-8"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="item col-lg-4 col-md-4 mb-4">
              <div class="sale-flag-side"> <span class="sale-text">Sale</span> </div>
              <div class="thumbnail card product">
                <div class="img-event"> <a class="group list-group-image" href="#"> <img class="img-fluid" src="assets/images/product-img/product-img-9.jpg" alt=""></a> </div>
                <div class="caption card-body">
                  <h5 class="product-type">Fruits</h5>
                  <h3 class="product-name">Nectarine</h3>
                  <div class="product-table">
                    <p>Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
                    <div class="row m-0">
                      <div class="col p-0">
                        <h3 class="product-price pull-left"><span>$14.00</span></h3>
                        <div class="product-price pull-left">
                          <form class="form-inline">
                            <div class="stepper-widget">
                              <button type="button" class="js-qty-down">-</button>
                              <input type="text" class="js-qty-input" value="1" />
                              <button type="button" class="js-qty-up">+</button>
                              <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div> </div>
                  </div>
                  <div class="row m-0 list-n">
                    <div class="col-lg-12 p-0">
                      <h3 class="product-price">$14.00</h3>
                    </div>
                    <div class="col-lg-12 p-0">
                      <div class="product-price">
                        <form class="form-inline">
                          <div class="stepper-widget">
                            <button type="button" class="js-qty-down">-</button>
                            <input type="text" class="js-qty-input" value="1">
                            <button type="button" class="js-qty-up">+</button>
                            <button onClick="window.location.href='cart#'" class="add2"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="product-select">
                    <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-9"> <i class="fa fa-eye" aria-hidden="true"></i> </button>
                    <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="col text-center">
    <nav aria-label="Page navigation example">
      <ul class="pagination pagination-template d-flex justify-content-center float-none">
        <li class="page-item"><a href="#" class="page-link"> <i class="fa fa-angle-left"></i></a></li>
        <li class="page-item"><a href="#" class="page-link active">1</a></li>
        <li class="page-item"><a href="#" class="page-link">2</a></li>
        <li class="page-item"><a href="#" class="page-link">3</a></li>
        <li class="page-item"><a href="#" class="page-link"> <i class="fa fa-angle-right"></i></a></li>
      </ul>
    </nav>
  </div>
</div>
<div class="clearfix"></div>
<div id="newsletter">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <h4>Join Our Newsletter Now</h4>
        <p class="m-0">Get E-mail updates about our latest shop and special offers.</p>
      </div>
      <div class="col-md-5">
        <form action="" method="post" id="subsForm" onSubmit="return ajaxmailsubscribe();">
        <div class="input-group">
          <input type="email" name="subsemail" id="subsemail" class="form-control newsletter" placeholder="Enter your mail">
          <span class="input-group-btn">
          <button class="btn btn-theme" type="button" onClick="return ajaxmailsubscribe();">Subscribe</button>
          </span> </div>
          </form>
      </div>
    </div>
  </div>
</div>
<!-- Footer -->
<div class="container py-5">
  <div class="row">
    <div class="col-lg-4 col-md-6 col-sm-6 address wow fadeInLeft">
      <p><img src="assets/images/logo.png" alt="" title="" class="img-fluid"></p>
      <p>Address: 123-45 Road 11378 Manchester</p>
      <p>Phone: +12 3456 78901</p>
      <p>Email: <a href="mailto:info.organicstore@gmail.com">info.organicstore@gmail.com</a></p>
      <ul class="social-2">
        <li><a href="#" title="facebook"><i class="fa fa-facebook"></i></a></li>
        <li><a href="#" title="instagram +"><i class="fa fa-instagram"></i></a></li>
        <li><a href="#" title="twitter"><i class="fa fa-twitter"></i></a></li>
        <li><a href="#" title="Linkedin"><i class="fa fa-pinterest"></i></a></li>
      </ul>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-6 footer-link wow fadeInLeft">
      <h3>Information</h3>
      <ul>
        <li><a href="about-us#">About Us</a></li>
        <li><a href="faq#">FAQ</a></li>
        <li><a href="contact#">Contact</a></li>
        <li><a href="#">Shop</a></li>
      </ul>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-6 footer-link wow fadeInLeft">
      <h3>My Account</h3>
      <ul>
        <li><a href="#">My Account</a></li>
        <li><a href="#">login</a></li>
        <li><a href="#">Wishlist</a></li>
        <li><a href="#">Register</a></li>
      </ul>
    </div>
    <div class="col-lg-2 col-md-6 col-sm-6 footer-link wow fadeInLeft">
      <h3>Quick Shop</h3>
      <ul>
        <li><a href="cart#">Cart</a></li>
        <li><a href="#">Wishlist</a></li>
        <li><a href="comingsoon#">Coming Soon</a></li>
        <li><a href="404#">404</a></li>
      </ul>
    </div>
  </div>
</div>
<footer class="py-4 bg-dark">
  <div class="container copy-right">
    <div class="row">
      <div class="col-md-6 text-white">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
      <div class="col-md-6 payment">
        <div class="pull-right"> <a href=""><img src="assets/images/skrill.png" alt="" title=""></a> <a href=""><img src="assets/images/ob.png" alt="" title=""></a> <a href=""><img src="assets/images/paypal.png" alt="" title=""></a> <a href=""><img src="assets/images/am.png" alt="" title=""></a> <a href=""><img src="assets/images/mr.png" alt="" title=""></a> <a href=""><img src="assets/images/visa.png" alt="" title=""></a> </div>
      </div>
    </div>
  </div>
</footer>
<div id="popup-1" class="popup-fcy">
  <div class="row">
    <div class="col-md-6 text-center"> <img src="assets/images/product-img/product-big-1.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div>
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4 p-0">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-1" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4 p-0">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-2" class="popup-fcy">
  <div class="row">
    <div class="col-md-6 text-center"> <img src="assets/images/product-img/kiwi.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div>
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4 p-0">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4 p-0">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-3" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/orange.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-3" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-4" class="popup-fcy">
  <div class="row">
    <div class="col-md-6 text-center"><img src="assets/images/product-img/acai-berry.jpg" alt="" title="" class="img-fluid"></div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-4" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-5" class="popup-fcy">
  <div class="row">
    <div class="col-md-6 text-center"> <img src="assets/images/product-img/maracuja.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-5" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-6" class="popup-fcy">
  <div class="row">
<div class="col-md-6 text-center"><img src="assets/images/product-img/cucumber.jpg" alt="" title="" class="img-fluid"></div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-6" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-7" class="popup-fcy">
  <div class="row">
    <div class="col-md-6 text-center"> <img src="assets/images/product-img/mushroom.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-7" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-8" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/persimmon.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-8" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-9" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/nectarine.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-9" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="assets/js/ajax.js"></script>
<script src="assets/js/formValidation.js"></script>

<script src="assets/vendor/jquery/jquery.min.js"></script>
<!--wow-->
<script src="assets/vendor/wow/wow.js"></script>
<script src="assets/vendor/wow/page.js"></script>
<!--wow-->
<!--mega-menu-->
<script src="assets/vendor/jquery/mega-menu.js"></script>
<!--mega-menu-->
<!--price_range-->
<link rel="stylesheet" href="assets/vendor/price_range/jquery-ui.css" type="text/css" media="all" />
<script src="assets/vendor/price_range/jquery-ui.min.js"></script>
<script src="assets/vendor/price_range/price_range_script.js"></script>
<link rel="stylesheet" type="text/css" href="assets/vendor/price_range/price_range_style.css">
<!--price_range-->
<!--stepper-->
<script src="assets/vendor/stepper/jquery.min.js"></script>
<script src="assets/vendor/stepper/jquery-ui.min.js"></script>
<script src="assets/vendor/jquery/stepper.widget.js"></script>
<script src="assets/vendor/jquery/custom-select.js"></script>
<!--stepper-->
<!--grid-list-->
<script src="assets/vendor/jquery/grid-list.js"></script>
<!--grid-list-->
<!--fancybox files -->
<link rel="stylesheet" href="assets/css/product-hover.css">
<link rel="stylesheet" href="assets/vendor/fancy-box/fancybox.min.css" />
<script src="assets/vendor/fancy-box/jquery.fancybox.min.js"></script>
<!--scrolltop-->
<script src="assets/vendor/jquery/scrolltopcontrol.js"></script>
<!--scrolltop-->
<!--bootstrap-->
<script src="assets/vendor/bootstrap/js/popper.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--bootstrap-->


<p data-toggle="modal" class="no-margin" data-target="#myModal" id="model2"></p>
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog2">
    <div class="modal-content text-center">
      <div class="modal-body modal-body2">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <p><img src="assets/images/success.svg" width="50"></p>
        <h3 class="modal-title">Thank you</h3>
        <h4 class="thanks mt-2">Your submission is recevied and we will contact you soon.</h4>
        <a href="" target="_blank" class="btn add-to-cart2 d-inline-block font-15 rounded">BUY THIS TEMPLATE NOW</a> <a href="index#" class="back-to-home d-block small mt-2"><i class="fa fa-long-arrow-left"></i> BACK TO HOME</a> </div>
    </div>
  </div>
</div>


</body>
</html>

